<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="theme-color" content="#2196f3">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <title>路由 -- 多 html</title>
    <!-- <link rel="stylesheet" href="./framework7/css/framework7.min.css"> -->
    <link rel="stylesheet" href="./framework7/css/framework7.ios.min.css">
    <link rel="stylesheet" href="./css/icons.css">
    <link rel="stylesheet" href="./css/app.css">
</head>

<body>
    <div id="app">
        <!-- Your main view, should have "view-main" class -->
        <div class="view view-main ios-edges">
            <!-- Page, data-name contains page name which can be used in callbacks -->
            <div class="page" data-name="home">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title sliding">My App</div>
                    </div>
                </div>
                <!-- Scrollable page content-->
                <div class="page-content">
                    <div class="col-100">
                        <div class="list inset">
                            <ul>
                                <li class="item-content item-input">
                                    <div class="item-inner">
                                        <div class="item-input-wrap">
                                            <input type="text" placeholder="您的名字">
                                            <span class="input-clear-button"></span>
                                        </div>
                                    </div>
                                </li>
                                <li class="item-content item-input">
                                    <div class="item-inner">
                                        <div class="item-input-wrap">
                                            <select placeholder="请选择性别..." value=''>
                                                        <option value="Male">男</option>
                                                        <option value="Female">女</option>
                                                    </select>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row no-gap">
                        <div class="col-100"><input type="text" placeholder="请选择日期" readonly="readonly" id="demo-calendar-default1" /></div>
                    </div>
                    <div class="row no-gap">
                        <a href="/echarts/" class="col page-content-item">
                            路由多级跳转
                        </a>
                        <a href="/table/" class="col page-content-item">
                            表格
                        </a>
                    </div>
                    <div class="row no-gap">
                        <a href="http://192.168.0.134/index2.html#/" class="external col page-content-item">
                                外联页面
                            </a>
                        <a href="http://biaochenxuying.cn/main.html" class="external col page-content-item">
                                外联页面 2
                            </a>
                    </div>
                    <div class="row no-gap">
                        <a href="/page-loader-component/vladimir/123/about-me/1/?start=0&end=30#top" class="col page-content-item">
                            组件页面
                        </a>
                    </div>
                    <div class="row no-gap">
                        <a href="/application/" class="col page-content-item">
                            我的应用
                        </a>
                        <a href="/request-and-load4/user/123456/" class="col page-content-item">
                            异步应用
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts.min.js"></script>
    <script src="framework7/js/framework7.min.js"></script>
    <!-- <script src="./js/utils.js"></script> -->
    <script src="js/routes.js"></script>
    <script src="js/app1.js"></script>
</body>

</html>